/* banner 模块 */
.banner{
	height: 720px;
}
.banner .focus{
	position: relative;
	margin-top: 31px;
	height: 625px;
}
.advertising{
	position: relative;
	height: 880px;
	margin-bottom: 100px;
}
.advertising .advertising_left{
	float: left;
	width: 900px;
	height: 878px;
	margin-right: 40px;
}
.advertising .advertising_left a{
	display: block;
	width: 900px;
	height: 878px;
	background: url(../img/index_floor1.png)no-repeat;
	background-size: 900px 878px;
}
.advertising .advertising_right{
	float: left;
	width: 540px;
	height: 878px;
}
.advertising .advertising_right a:nth-child(1){
	display: block;
	width: 505px;
	height: 515px;
	background: url(../img/index_floor1_right1.jpg)no-repeat;
	background-size: 505px 515px;
	margin-top: 60px;
	
}
.advertising .advertising_right a:nth-child(2){
	margin: 48px 0px 30px 167px;
	display: block;
	font-size: 24px;
	color: #999;
}
.advertising .advertising_right a:nth-child(3){
	margin: 0px 0px 49px 167px;
	display: block;
	font-size: 24px;
	color: #999;
}
.advertising .advertising_right a:nth-child(4){
	margin: 0px 0px 0px 167px;
	display: block;
	font-size: 36px;
	font-weight: 500;
	color: #666666;
}




/* <!-- 新品推荐 --> */
.new_recommend_title{
	height: 70px;
}

.new_recommend_title_left{
	height: 28px;
	width: 592px;
	border-bottom: 1px solid #e8e8e8;
	float: left;
}
.new_recommend_title_content{
	width: 300px;
	height: 70px;
	float: left;
}
.new_recommend_title_content p:nth-child(1){
	text-align: center;
	color: #666666;
	font-size: 20px;
	height: 34px;
}
.new_recommend_title_content p:nth-child(2){
	text-align: center;
	color: #99a6c4;
	font-size: 20px;
}

.product{
	height: 350px;
	margin: 5px 10px 0px 10px;
}
.flowers_knowledge{
	height: 300px;
	margin: 5px 10px 50px 10px;
}
.product_box1,.product_box2,.product_box3,.product_box4{
	height: 350px;
	width: 265px;
	float: left;
	margin-right: 38px;
}
.product_box5{
	height: 350px;
	width: 265px;
	float: left;
}

.product ul li{
	text-align: center;
	font-size: 16px;
}
.flowers_knowledge ul li{
	text-align: center;
	font-size: 14px;
}
.product_box1 a ul li:nth-child(1){
	width: 253px;
	height: 253px;
	background: url(../img/1560160287_93552.jpg)no-repeat;
}
.product_box2 a ul li:nth-child(1){
	width: 253px;
	height: 253px;
	background: url(../img/1585796422_29564.jpg)no-repeat;
}
.product_box3 a ul li:nth-child(1){
	width: 253px;
	height: 253px;
	background: url(../img/1614243835_60032.jpg)no-repeat;
}
.product_box4 a ul li:nth-child(1){
	width: 253px;
	height: 253px;
	background: url(../img/1530173589_95074.jpg)no-repeat;
}
.product_box5 a ul li:nth-child(1){
	width: 253px;
	height: 253px;
	background: url(../img/1585796422_29564.jpg)no-repeat;
}
.product ul li a ul li:nth-child(2){
	margin: 17px 0px;
}
.product ul li a ul li:nth-child(3){
	width: 128px;
	height: 35px;
	border: 1px solid #cccccc;
	padding-top: 4px;
	margin-left: 63px;
}
.product ul li a ul li:nth-child(3):hover{
	background-color: #000000;
	color: #ffffff;
}


.flowers_knowledge_title{
	height: 70px;
	margin-top: 120px;
}


/* 送花知识 */
.flowers_knowledge ul li a ul li:nth-child(2){
	margin: 17px 0px;
}
.flowers_knowledge ul li a ul li:nth-child(3){
	width: 128px;
	height: 35px;
	border: 1px solid #cccccc;
	padding-top: 4px;
	margin-left: 63px;
}
.flowers_knowledge ul li a ul li:nth-child(3):hover{
	background-color: #000000;
	color: #ffffff;
}

.flowers_knowledge .product_box1 a ul li:nth-child(1){
	width: 253px;
	height: 253px;
	background: url(../img/1614243835_60032.jpg)no-repeat;
	background-size: 253px 253px;
}
.flowers_knowledge .product_box2 a ul li:nth-child(1){
	width: 253px;
	height: 253px;
	background: url(../img/1639372503_99762.jpg)no-repeat;
	background-size: 253px 253px;
}
.flowers_knowledge .product_box3 a ul li:nth-child(1){
	width: 253px;
	height: 253px;
	background: url(../img/1639372854_82589.jpg)no-repeat;
	background-size: 253px 253px;
}
.flowers_knowledge .product_box4 a ul li:nth-child(1){
	width: 253px;
	height: 253px;
	background: url(../img/1639373147_25361.jpg)no-repeat;
	background-size: 253px 253px;
}
.flowers_knowledge .product_box5 a ul li:nth-child(1){
	width: 253px;
	height: 253px;
	background: url(../img/1639373647_71634.jpg)no-repeat;
	background-size: 253px 253px;
}
.article{
	width: 128px;
	height: 35px;
	border: 1px solid #cccccc;
	padding-top: 7px;
	margin: 0px 0px 50px 680px;
	text-align: center;
}
.article:hover{
	background-color: #000000;
	color: #ffffff;
}




	
.box_one:hover{
	-webkit-animation-name: scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
	-webkit-animation-duration: 2s; /*动画所花费的时间*/
}
.box_two:hover{
	-webkit-animation-name: scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
	-webkit-animation-duration: 2s; /*动画所花费的时间*/
}
.box_three:hover{
	-webkit-animation-name: scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
	-webkit-animation-duration: 2s; /*动画所花费的时间*/
}
.box_four:hover{
	-webkit-animation-name: scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
	-webkit-animation-duration: 2s; /*动画所花费的时间*/
}
.box_five:hover{
	-webkit-animation-name: scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
	-webkit-animation-duration: 2s; /*动画所花费的时间*/
}
.box_six:hover{
	-webkit-animation-name: scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
	-webkit-animation-duration: 2s; /*动画所花费的时间*/
}
.box_seven:hover{
	-webkit-animation-name: scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
	-webkit-animation-duration: 2s; /*动画所花费的时间*/
}
.box_eight:hover{
	-webkit-animation-name: scaleDraw; /*关键帧名称*/
	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
	-webkit-animation-duration: 2s; /*动画所花费的时间*/
}

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{ transform: scale(1);  /*开始为原始大小*/
    }
    25%{transform: scale(1.1); /*放大1.05倍*/
    }
	75%{
		transform: scale(1.1);
	}
    100%{transform: scale(1.1);}/* 100%放大1.1倍 */
}










